import type { StaticType } from '../typings.d';

const ExpiredDayCounts = (props: { data: StaticType }) => {
  const { expired30, expired, expired10 } = props?.data;
  return (
    <div
      style={{
        margin: '0 10px',
      }}
    >
      <p
        style={{
          fontWeight: 'bold',
          color: 'red',
        }}
      >
        已过期数：{expired} 张
      </p>
      <p>10天内过期数：{expired10} 张</p>
      <p>30天内过期数：{expired30} 张</p>
    </div>
  );
};

export default ExpiredDayCounts;
